<template >

</template> 

<script>
import Movies from './Movies.vue'

export default {

    data (){
        return {
            moives:[
                {title: 'Star Wars'},
                {title: 'Blade Runner'},
            ]
        }
    },
    render (h) {
        return <Movies/>
    },
    // render (h) {
    //     const itemClass = 'movie'
    //     return <ul class='movies'>
    //         {this.movies.map(movie => 
    //             <li class={ itemClass }>{ movie.title }</li>
    //         )}
    //     </ul>
    // },
}  
</script>

<style lang="stylus">
.article
  .title
    border-bottom solid 3px rgba(green,.6);
  

</style>

